<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>全国天气预报_ical_spbweather_manila</title>
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/cityid.js"></script>
<script type="text/javascript" src="scripts/location.js"></script>
<script type="text/javascript" src="scripts/url.js"></script>
<style type="text/css">
body{font-size:12px;background-color:#dadada;color:#2D2D2D;margin:0;}
.red{color:red;background-color:transparent;}
.blue{color:blue;background-color:transparent;}
.bold{font-weight:bold;}
.top{height:62px;width:100%;background-color:white;color:inherit;}
.top .top_nav{width:975px;height:80px;margin:0 auto 0 auto;}
.top .top_nav .logo{width:150px;height:60px;float:left;}
.top .top_nav .input{width:320px;height:62px;line-height:62px;margin-left:80px;float:left;}
.top .top_nav .input input{width:300px;}
.top .top_nav .bottom{height:30px;float:left;padding-top:17px;}
.top .top_nav .search_content{margin-left:20px;padding-top:6px;line-height:16px;width:200px;height:54px;float:left;}
.main{width:975px;height:500px;margin:10px auto auto auto;}
.left{width:237px;height:500px;background-color:white;color:inherit;float:left;}
.left .top{width:237px;height:10px;background:url(images/url_left_top.png) no-repeat;}
.left .middle{height:480px;padding:0 10px 0 10px;}
.left .middle .province_title{font-weight:bold;text-align:center;width:100%;height:30px;line-height:30px;font-size:14px;background:#dadada; border:solid 1px #aaaaaa;color:inherit;}
.left .bottom{width:237px;height:10px;background:url(images/url_left_bottom.png) no-repeat;}
.right{width:729px;height:500px;background-color:white;color:inherit;float:right;}
.right .top{width:729px;height:10px;background:url(images/url_right_top.png) no-repeat;}
.right .middle{height:480px;padding:0 10px 0 10px;}
.right .middle .city_title{font-weight:bold;text-align:center;width:708px;height:30px;line-height:30px;font-size:14px;background:#dadada; border:solid 1px #aaaaaa;color:inherit;}
.right .bottom{width:729px;height:10px;background:url(images/url_right_bottom.png) no-repeat;}
#province_list{margin:1px 0 0 1px;}
#province_list li{list-style-type:none;text-align:center;width:107px;height:25px;line-height:25px;float:left;cursor:pointer;border:solid 1px #dedede;margin-left:-1px;margin-top:-1px;overflow:hidden;}
#city_list{margin:1px 0 0 1px;height:120px;}
#city_list li{list-style-type:none;text-align:center;width:117px;height:25px;line-height:25px;float:left;cursor:pointer;border:solid 1px #dedede;margin-left:-1px;margin-top:-1px;overflow:hidden;}
#area_list{margin:1px 0 0 1px;height:130px;}
#area_list li{list-style-type:none;text-align:center;width:87px;height:25px;line-height:25px;float:left;cursor:pointer;border:solid 1px #dedede;margin-left:-1px;margin-top:-1px;overflow:hidden;}
#url_list{margin:1px 0 0 1px;height:106px;padding:10px;display:none;}
#url_list .title{width:60px;height:25px;line-height:25px;float:left;text-align:center;background-color:#dadada;color:inherit;font-weight:bold;margin-bottom:5px;}
#url_list .content{width:625px;height:25px;line-height:25px;float:left;text-indent:10px;margin-bottom:5px;}
.except{color:#999999;text-decoration:line-through;background-color:inherit;}
.footer{width:975px;height:55px;margin:10px auto auto auto;}
.footer .top{width:975px;height:10px;background:url(images/url_footer_top.png) no-repeat;}
.footer .content{width:975px;height:35px;background-color:white;color:inherit;}
.footer .content .content_left{width:775px;height:35px;line-height:35px;text-align:center;float:left;}
.footer .content .content_right{width:200px;height:35px;float:left;text-align:center;}
.footer .bottom{width:975px;height:10px;background:url(images/url_footer_bottom.png) no-repeat;}
</style>
</head>

<body>
<div class="top">
  <div class="top_nav">
    <div class="search">
      <div class="logo"></div>
      <div class="input"><input name="s" type="text" id="s" size="50" maxlength="20"></div>
      <div class="bottom"><input type="image" name="imageSearch" id="imageSearch" src="images/search.gif" onClick="search_city()" alt="搜索城市"></div>
      <div class="search_content"><strong>搜索提示：</strong><br />
      输入城市中、区县中文名进行搜索</div>
    </div>
  </div>
</div>
<div class="main">
  <div class="left">
    <div class="top"></div>
    <div class="middle"><div class="province_title">省份列表</div><div id="province_list"></div></div>
    <div class="bottom"></div>
  </div>
  <div class="right">
    <div class="top"></div>
    <div class="middle">
      <div class="city_title">城市列表</div>
      <div id="city_list"></div>
      <div class="city_title">县（市）区列表</div>
      <div id="area_list"></div>
      <div class="city_title">地址生成</div>
      <div id="url_list">
        <div class="title">模板</div><div class="content"><a href="javascript:;" onClick="search_city_code_local(0)">iPhone日历天气</a> &nbsp; <a href="javascript:;" onClick="search_city_code_local(1)">Google日历短信提醒</a></div>
        <div class="title">设置</div><div class="content"><select id="option_enable_lunar" onChange="search_city_code_local(0)"><option value="1">全部显示（农历显示前3天到后7天）</option><option value="2">不显示农历</option><option value="3">全部显示（农历显示前7天到后30天）</option><option value="4">全部显示（农历显示前7天到后60天）</option><option value="5">全部显示（农历显示前30天到后90天）</option><option value="6">纯农历（农历显示前7天到后30天）</option><option value="7">纯农历（农历显示前7天到后60天）</option><option value="8">纯农历（农历显示前30天到后90天）</option><option value="9">纯农历（农历显示前30天到后180天）</option><option value="10">纯农历（农历显示前30天到后360天）</option></select></div>
        <div class="title">地址</div><div class="content" id="result_url"></div>
        <div class="title">说明</div><div class="content" id="result_content"></div>
      </div>
    </div>
    <div class="bottom"></div>
  </div>
</div>
<div class="footer">
  <div class="top"></div>
    <div class="content">
      <div class="content_left">版权所有，盗版不究！使用中有任何问题或建议欢迎与我联系，QQ：52037872  Email：support@mdeve.com </div>
      <div class="content_right"><a href="http://jigsaw.w3.org/css-validator/check/referer" rel="external"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a></div>
    </div>
  <div class="bottom"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){init();});
</script>
</body>
</html>
